<?php
/**
 * @package		Joomla.Site
 * @subpackage	Templates.beez5
 * @copyright	Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

$isHome	= $this->countModules('slider');
$isGallery	= $this->countModules('gallery-menu');

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
    <jdoc:include type="head" />
	
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css">
    
    
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery-2.0.3.min.js"></script>
    
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/jquery.bxslider.css">    
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery.bxslider.min.js"></script>
    
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/fancybox/jquery.fancybox.css">    
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/fancybox/jquery.fancybox.js"></script>
    
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/custom.css">
    <script>
        $( document ).ready(function(){
            if ($('.about-us').length) {
                $('.bgbox').addClass('bg');
            }
            if ($('.services').length) {
                $('.bgbox').addClass('bg2');
            }
	    
	    $('.exhibition').bxSlider({"auto": true});
	    $('.testi .slider-tt').bxSlider({"auto": true,
		onSlideAfter: function(){
		    var i = "2";
		    if ($('.testi').hasClass('roundBlue2')) {
			i = "3";
		    }
		    else if($('.testi').hasClass('roundBlue3'))
		    {
			i = "1";
		    }
		    
		    
		    //if ($('.testi').hasClass('roundBlue')) {
		    $('.testi').removeClass('roundBlue1');
		    $('.testi').removeClass('roundBlue2');
		    $('.testi').removeClass('roundBlue3');
		    
			$('.testi').addClass('roundBlue'+i);
		    //}
		    //else
		    //{
		    //	$('.testi').addClass('roundBlue');
		    //}
		    
		}
	    });
	    
	    $('.galleryy .categories-module li').not(".galleryy .categories-module li ul li").each(function() {
		$(this).prepend("<span>Click area</span>");
	    })
	    
	    
	    $('.galleryy .categories-module li span').each(function() {
		if ($(this).parent().find('ul').css('display') == 'block') {
		    $(this).parent().removeClass('active');
		}
		else
		{
		    $(this).parent().addClass('active');
		}
	    });
	    $('.galleryy .categories-module li span').bind('click', function(e) {
		$(this).parent().find('ul').toggle();
		if ($(this).parent().find('ul').css('display') == 'none') {
		    $(this).parent().removeClass('active');
		}
		else
		{
		    $(this).parent().addClass('active');
		}
	    });
	    
	    $('.galleryy .categories-module li ul li').bind('click', function(e) {
		e.stopPropagation();
		$(this).parent().css('display','block');
	    });
	    
	    $('.galleryy a').fancybox();
	    
	    setInterval(function(){
		var tmp = $('.box1').css('background-color');
		$('.box1').css('background-color', $('.box2').css('background-color'));
		$('.box2').css('background-color', $('.box3').css('background-color'));
		$('.box3').css('background-color', tmp);
	    }, 15000);
        })
    </script>
    
</head>
<body>
<div id="container">
    <div class="bgbox">
		<div id="header">
			<div class="w960">
				<div class="hotline1">
                                        <jdoc:include type="modules" name="verytop-left" />					
				</div>
				<div class="hotline2">
                                        <jdoc:include type="modules" name="verytop-right" />					
				</div>
			</div>
		</div><!--header-->
		<div class="clear"></div>
	<div id="wrapper">
		<div id="logo">			
                        <jdoc:include type="modules" name="logo" />
		</div>		
		
		<div id="navbar" >
			<jdoc:include type="modules" name="navbar" />
		</div>
		<div class="clear"></div>
		
                <jdoc:include type="modules" name="slider" />
		
		<div class="clear"></div>
                
                <div id="breadcrumb">
                    <jdoc:include type="modules" name="breadcrumb" />
			
		</div>
                <div class="clear"></div>
		
		<div id="content">
                    
                    
                    <?php if($isHome) { ?>
			<div class="boxes">
				<div class="box1">
                                    
                                    <jdoc:include type="modules" name="home-box1" />
                                    					
				</div>
				<div class="clear"></div>
				<div class="box2">
                                    
                                    <jdoc:include type="modules" name="home-box2" />
					
				</div>
				
				<div class="box3">
                                    <jdoc:include type="modules" name="home-box3" />
				</div>
			</div>
			<div class="clear"></div>
			<div class="home">
			    <jdoc:include type="message" />
			    <jdoc:include type="component" />
			</div>
		    
		    <?php } else if($isGallery) { ?>
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			<div id="data" class="data-services services">
				<h2 class="gallery">G<span>a</span>l<span>l</span>e<span>r</span>y</h2>
				
				<div class="galleryy">
				    
				    <jdoc:include type="message" />
				    
				    <div class="glr1">
					<jdoc:include type="component" />
				    </div>
					
					<div class="glr2">
					<p>View By</p>
					    <jdoc:include type="modules" name="gallery-menu" />
						<!--<ul>
							<li><a href="">2013</a>
								<ul>
									<li><a href="">CommunicaAsia 2013 </a></li>
									<li><a href="">IFFS 2013</a></li>
									<li><a href="">MICAM Shanghai 2013</a></li>
								</ul>
							</li>
							<li><a href="">2012</a></li>
							<li><a href="">2011</a></li>
						</ul>-->
					</div>
				</div>

			</div>
		
			
			
			
			
			
			
			
			
			
			
			
                    <?php } else { ?>
                        <jdoc:include type="message" />
			<jdoc:include type="component" />
                    <?php } ?>
                        
                        
		</div><!--content-->
                
		<div class="clear"></div>

	</div><!--Wrapper-->
	<div id="footer">
		<div class="w960">
			<div id="social">
                            <jdoc:include type="modules" name="social" />
				
			</div>
			
			<div id="copyright">
                            <jdoc:include type="modules" name="copyright" />
				
				<p>Website Developed by <a href="#">Top3 Media</a></p>
			</div>
		</div>
	</div><!--footer-->
    </div>
</div>
</body>
</html>